<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf8">
        <script src="browser.js"></script>
    </head>
    <body style="background-color: black;margin: 0;padding: 0;">
        <div align="center">
            <div style="border: green solid 1px;width: 100%;height: 50px;">
                <div style="width: 100%;height: 10px;"></div>
                <button id="renew" style="float: left;;color: green;background-color: black;border: green solid 1px;width: 100px;height: 35px;">Renew</button>
                <div style="width:400px; margin: 0;padding: 0;">
                    <div style="float: left;margin: 0;padding: 0;">
                        <input id="inth" placeholder="Search The Url" style="color: green;width: 325px;height: 30px;background-color: black;border: green solid 1px;" />
                    </div>
                    <div style="float: right;">
                        <button id="search" style="width:60px;height: 30px;background-color: black;border: green solid 1px;color: green;">Search</button>
                    </div>
                </div>
            </div>
        </div>
            <iframe id="iframe" style="width: 100%;height: 550px;border: green solid 1px;" src="https://www.bing.com"></iframe>
    </body>
</html>